@dss-kit/ui-kit 0.2.33 → 0.2.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,21 +1,29 @@
1
- # UI Kit
1
+ # Storybook
2
2
 
3
- Библиотека React компонентов с дизайн-системой для внутренних проектов.
3
+ Storybook для библиотеки React-компонентов **UI Kit** (`@dss-kit/ui-kit`) с дизайн-системой.
4
+ Репозиторий хранит исходники компонентов и их Storybook, собирает контейнерный образ и
5
+ разворачивает Storybook в Kubernetes.
4
6
 
5
7
  ## Включает:
6
8
 
7
- - React компоненты
8
- - CSS переменные и токены дизайна
9
- - SCSS утилиты и миксины
10
- - TypeScript типы
11
- - SVG иконки
9
+ - React компоненты и дизайн-систему (CSS переменные и токены, SCSS утилиты, TypeScript типы, SVG иконки)
12
10
  - Провайдеры тем (ThemeProviderScoped)
11
+ - Storybook как витрину компонентов
12
+ - CI/CD для сборки образа и деплоя в Kubernetes
13
+
14
+ ## Деплой
15
+
16
+ - **Stable** — на merge в `main` создаётся релизный тег, собирается образ
17
+ `harbor.infra.dssnet.tech/dssnet/storybook` и разворачивается через ArgoCD.
18
+ - **Trial-превью** — кнопка в CI (`deploy:trial`) на любой ветке кроме `main` публикует Storybook
19
+ этой ветки на `storybook-trials-<id>.staging.dssnet.tech` (живёт 7 дней, продлевается при
20
+ повторном деплое).
13
21
 
14
22
  ## Документация
15
23
 
16
24
  Ссылки на более подробную документацию по разделам
17
25
 
18
- - **[Сборка](./docs/build/index.md)** - команды сборки, публикация в npm, конфигурации Vite и т.д.
19
- - **[Использование](./docs/usage/index.md)** - как использовать UI Kit в проектах, подключение стилей, примеры компонентов
20
- - **[Стили](./docs/styles/index.md)** - подключение шрифтов, CSS переменных, базовые стили и миксины
21
- - **[Утилиты](./docs/utils/index.md)** - функции хелперы
26
+ - **[Сборка](./docs/build/index.md)** — команды сборки, конфигурации Vite и т.д.
27
+ - **[Использование](./docs/usage/index.md)** — подключение стилей, примеры компонентов
28
+ - **[Стили](./docs/styles/index.md)** — подключение шрифтов, CSS переменных, базовые стили и миксины
29
+ - **[Утилиты](./docs/utils/index.md)** — функции хелперы
@@ -1,19 +1,32 @@
1
1
  import { default as React } from 'react';
2
2
  import { AccentType, FontWeight, InverseType, NegativeType, PositiveType, PrimaryType, SecondaryType, TertiaryType, TransferType, WarningType } from '../../../types/tokens.types';
3
3
  import { SystemStyleProps } from './utils/systemToClass';
4
- export type TextColor = PrimaryType | SecondaryType | TertiaryType | PositiveType | NegativeType | WarningType | AccentType | TransferType | InverseType;
4
+ /**
5
+ * Значение "inherit" отключает назначение стиля по умолчанию —
6
+ * соответствующее свойство (цвет / размер / насыщенность) наследуется от родителя.
7
+ */
8
+ export type InheritValue = "inherit";
9
+ export type TextColorName = PrimaryType | SecondaryType | TertiaryType | PositiveType | NegativeType | WarningType | AccentType | TransferType | InverseType;
10
+ /** @deprecated используйте `TextColorName` */
11
+ export type TextColor = TextColorName;
5
12
  export type TextVariant = "title-1" | "title-2" | "title-3" | "headline-1" | "headline-2" | "headline-3" | "body-1" | "body-2" | "caption-1" | "caption-2";
6
- type TextTag = "span" | "p" | "h1" | "h2" | "h3";
7
- export type TextProps<T extends TextTag = "span" | "p" | "h1" | "h2" | "h3"> = Omit<React.HTMLAttributes<HTMLElement>, "className"> & SystemStyleProps & {
13
+ export type TextTag = "span" | "p" | "div" | "label" | "strong" | "b" | "i" | "em" | "small" | "mark" | "s" | "u" | "sub" | "sup" | "blockquote" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
14
+ export type TextProps<T extends TextTag = TextTag> = Omit<React.HTMLAttributes<HTMLElement>, "className"> & SystemStyleProps & {
8
15
  className?: string;
9
- /** @default "body-1" */
10
- variant?: TextVariant;
11
- /** @default "medium" */
12
- fontWeight?: FontWeight;
16
+ /** @default "body-1" ("inherit" — не назначать типографику, наследовать от родителя) */
17
+ variant?: TextVariant | InheritValue;
18
+ /** @default "medium" ("inherit" — не назначать насыщенность, наследовать от родителя) */
19
+ fontWeight?: FontWeight | InheritValue;
13
20
  /** @default "p" */
14
21
  tag?: T;
15
- /** @default "primary" */
16
- colorName?: TextColor;
22
+ /** @default "primary" ("inherit" — не назначать цвет, наследовать от родителя) */
23
+ colorName?: TextColorName | InheritValue;
24
+ /**
25
+ * Полностью отключает стили по умолчанию (variant, fontWeight, colorName),
26
+ * чтобы корректно наследовались родительские стили.
27
+ * @default false
28
+ */
29
+ inherit?: boolean;
17
30
  /** Opacity при клике (от 0 до 1) */
18
31
  clickOpacity?: number;
19
32
  /** Длительность анимации opacity в ms */
@@ -22,20 +35,26 @@ export type TextProps<T extends TextTag = "span" | "p" | "h1" | "h2" | "h3"> = O
22
35
  };
23
36
  export declare const Text: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "className"> & SystemStyleProps & {
24
37
  className?: string;
25
- /** @default "body-1" */
26
- variant?: TextVariant;
27
- /** @default "medium" */
28
- fontWeight?: FontWeight;
38
+ /** @default "body-1" ("inherit" — не назначать типографику, наследовать от родителя) */
39
+ variant?: TextVariant | InheritValue;
40
+ /** @default "medium" ("inherit" — не назначать насыщенность, наследовать от родителя) */
41
+ fontWeight?: FontWeight | InheritValue;
29
42
  /** @default "p" */
30
- tag?: "p" | "h1" | "h2" | "h3" | "span" | undefined;
31
- /** @default "primary" */
32
- colorName?: TextColor;
43
+ tag?: TextTag | undefined;
44
+ /** @default "primary" ("inherit" — не назначать цвет, наследовать от родителя) */
45
+ colorName?: TextColorName | InheritValue;
46
+ /**
47
+ * Полностью отключает стили по умолчанию (variant, fontWeight, colorName),
48
+ * чтобы корректно наследовались родительские стили.
49
+ * @default false
50
+ */
51
+ inherit?: boolean;
33
52
  /** Opacity при клике (от 0 до 1) */
34
53
  clickOpacity?: number;
35
54
  /** Длительность анимации opacity в ms */
36
55
  opacityDuration?: number;
37
56
  style?: React.CSSProperties;
38
- } & React.RefAttributes<HTMLParagraphElement>>;
57
+ } & React.RefAttributes<HTMLElement>>;
39
58
  export declare const AnimatedText: React.ComponentType<Omit<{
40
59
  center?: boolean | undefined;
41
60
  left?: boolean | undefined;
@@ -50,7 +69,7 @@ export declare const AnimatedText: React.ComponentType<Omit<{
50
69
  ml?: string | number | undefined;
51
70
  slot?: string | undefined;
52
71
  title?: string | undefined;
53
- ref?: React.LegacyRef<HTMLParagraphElement> | undefined;
72
+ ref?: React.LegacyRef<HTMLElement> | undefined;
54
73
  key?: React.Key | null | undefined;
55
74
  defaultChecked?: boolean | undefined;
56
75
  defaultValue?: string | number | readonly string[] | undefined;
@@ -309,7 +328,7 @@ export declare const AnimatedText: React.ComponentType<Omit<{
309
328
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
310
329
  onTransitionEnd?: React.TransitionEventHandler<HTMLElement> | undefined;
311
330
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
312
- fontWeight?: FontWeight | undefined;
331
+ fontWeight?: "inherit" | FontWeight | undefined;
313
332
  textOverflow?: import("csstype").Property.TextOverflow | undefined;
314
333
  whiteSpace?: import("csstype").Property.WhiteSpace | undefined;
315
334
  wordBreak?: import("csstype").Property.WordBreak | undefined;
@@ -318,13 +337,12 @@ export declare const AnimatedText: React.ComponentType<Omit<{
318
337
  lowercase?: boolean | undefined;
319
338
  uppercase?: boolean | undefined;
320
339
  decoration?: import("csstype").Property.TextDecoration<string | number> | undefined;
321
- variant?: TextVariant | undefined;
322
- tag?: "p" | "h1" | "h2" | "h3" | "span" | undefined;
323
- colorName?: TextColor | undefined;
340
+ variant?: "inherit" | TextVariant | undefined;
341
+ tag?: TextTag | undefined;
342
+ colorName?: "inherit" | TextColorName | undefined;
324
343
  clickOpacity?: number | undefined;
325
344
  opacityDuration?: number | undefined;
326
345
  } & import('framer-motion').MotionProps, "children"> & {
327
346
  children?: React.ReactNode | import('motion-dom').MotionValue<number> | import('motion-dom').MotionValue<string>;
328
347
  }>;
329
- export {};
330
348
  //# sourceMappingURL=Text.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Text/Text.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACZ,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,KAAK,gBAAgB,EAAiB,MAAM,uBAAuB,CAAC;AAE7E,MAAM,MAAM,SAAS,GACjB,WAAW,GACX,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,UAAU,GACV,YAAY,GACZ,WAAW,CAAC;AAEhB,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,SAAS,GACT,SAAS,GACT,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;AAEhB,KAAK,OAAO,GAAG,MAAM,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,OAAO,GAAG,MAAM,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,IACzE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,GAClD,gBAAgB,GAAG;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,wBAAwB;IACxB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,mBAAmB;IACnB,GAAG,CAAC,EAAE,CAAC,CAAC;IACR,yBAAyB;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEN,eAAO,MAAM,IAAI;gBAhBC,MAAM;IAClB,wBAAwB;cACd,WAAW;IACrB,wBAAwB;iBACX,UAAU;IACvB,mBAAmB;;IAEnB,yBAAyB;gBACb,SAAS;IACrB,oCAAoC;mBACrB,MAAM;IACrB,yCAAyC;sBACvB,MAAM;YAChB,KAAK,CAAC,aAAa;8CAsGhC,CAAC;AAIF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAe,CAAC"}
1
+ {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Text/Text.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACZ,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,KAAK,gBAAgB,EAAiB,MAAM,uBAAuB,CAAC;AAE7E;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,CAAC;AAErC,MAAM,MAAM,aAAa,GACrB,WAAW,GACX,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,UAAU,GACV,YAAY,GACZ,WAAW,CAAC;AAEhB,8CAA8C;AAC9C,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC;AAEtC,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,SAAS,GACT,SAAS,GACT,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,OAAO,GACf,MAAM,GACN,GAAG,GACH,KAAK,GACL,OAAO,GACP,QAAQ,GACR,GAAG,GACH,GAAG,GACH,IAAI,GACJ,OAAO,GACP,MAAM,GACN,GAAG,GACH,GAAG,GACH,KAAK,GACL,KAAK,GACL,YAAY,GACZ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAET,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,IAAI,IAAI,CACvD,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,WAAW,CACZ,GACC,gBAAgB,GAAG;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,OAAO,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IACrC,yFAAyF;IACzF,UAAU,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACvC,mBAAmB;IACnB,GAAG,CAAC,EAAE,CAAC,CAAC;IACR,kFAAkF;IAClF,SAAS,CAAC,EAAE,aAAa,GAAG,YAAY,CAAC;IACzC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEJ,eAAO,MAAM,IAAI;gBAtBD,MAAM;IAClB,wFAAwF;cAC9E,WAAW,GAAG,YAAY;IACpC,yFAAyF;iBAC5E,UAAU,GAAG,YAAY;IACtC,mBAAmB;;IAEnB,kFAAkF;gBACtE,aAAa,GAAG,YAAY;IACxC;;;;OAIG;cACO,OAAO;IACjB,oCAAoC;mBACrB,MAAM;IACrB,yCAAyC;sBACvB,MAAM;YAChB,KAAK,CAAC,aAAa;qCA6G9B,CAAC;AAIF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAe,CAAC"}
@@ -8,4 +8,10 @@ export declare const Variants: Story;
8
8
  export declare const Colors: Story;
9
9
  export declare const Weights: Story;
10
10
  export declare const Clickable: Story;
11
+ export declare const Tags: Story;
12
+ /**
13
+ * `inherit` (и значение "inherit" у отдельных пропсов) отключает стили по умолчанию,
14
+ * благодаря чему текст наследует стили родителя.
15
+ */
16
+ export declare const Inherit: Story;
11
17
  //# sourceMappingURL=Text.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Text/Text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,SAAS,CA+DzB,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEjC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAgBpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC"}
1
+ {"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Text/Text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,SAAS,CAwFzB,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEjC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAgBpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KA4ClB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAiCrB,CAAC"}
@@ -1,5 +1,10 @@
1
1
  export declare const styles: {
2
2
  text: string;
3
+ /**
4
+ * Пустой класс для значения "inherit": не назначает никаких стилей,
5
+ * поэтому соответствующее свойство наследуется от родителя.
6
+ */
7
+ inherit: string;
3
8
  "title-1": string;
4
9
  "title-2": string;
5
10
  "title-3": string;
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Text/styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CAkClB,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/builders/Text/styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,MAAM;;IAOjB;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;CA+BJ,CAAC"}
@@ -1,16 +1,16 @@
1
1
  import { default as React } from 'react';
2
2
  import { PrimaryType, SecondaryType } from '../../../types';
3
3
  /**
4
- * Императивный интерфейс для работы с Input через ref.
4
+ * @deprecated Теперь форвардится нативный элемент. Используйте
5
+ * `React.ComponentRef<typeof Input>` или `HTMLInputElement`.
6
+ *
7
+ * `focus()`, `blur()` и чтение `value` доступны напрямую на нативном элементе,
8
+ * поэтому существующий код с этими вызовами продолжит работать.
9
+ * Императивная запись `ref.current.value = ...` больше не синхронизирует
10
+ * внутренний стейт (видимость кнопки очистки/счётчик) — задавайте значение
11
+ * через `value`/`defaultValue` или через React Hook Form.
5
12
  */
6
- export interface InputRef {
7
- /** Фокус на поле */
8
- focus: () => void;
9
- /** Снятие фокуса */
10
- blur: () => void;
11
- /** Текущее значение поля */
12
- value: string | undefined;
13
- }
13
+ export type InputRef = HTMLInputElement;
14
14
  /** Допустимые варианты фона */
15
15
  type InputBackground = PrimaryType | SecondaryType;
16
16
  /**
@@ -98,6 +98,6 @@ export type InputProps = InputElementProps | TextareaElementProps;
98
98
  *
99
99
  * Поддерживает ref для императивного API (focus/blur/value).
100
100
  */
101
- export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>>;
101
+ export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
102
102
  export {};
103
103
  //# sourceMappingURL=Input.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Input/Input.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Input/Input.tsx"],"names":[],"mappings":"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"}
@@ -17,4 +17,5 @@ export declare const Password: Story;
17
17
  export declare const WithPrompt: Story;
18
18
  export declare const Controlled: Story;
19
19
  export declare const DifferentBackgrounds: Story;
20
+ export declare const WithReactHookForm: Story;
20
21
  //# sourceMappingURL=Input.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Input/Input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,KAAK,EAAiB,MAAM,SAAS,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAmD5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAGpC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KAoBhC,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,KAYpC,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,KAYjC,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAmDxB,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KAkBlC,CAAC"}
1
+ {"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Input/Input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAmD5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAGpC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KAoBhC,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,KAYpC,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,KAYjC,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAmDxB,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KAkBlC,CAAC;AAIF,eAAO,MAAM,iBAAiB,EAAE,KA0D/B,CAAC"}
@@ -8,6 +8,7 @@ export interface BadgeProps {
8
8
  color?: BadgeColor;
9
9
  variant?: BadgeVariant;
10
10
  size?: BadgeSize;
11
+ width?: number | string;
11
12
  leftElement?: ReactNode;
12
13
  rightElement?: ReactNode;
13
14
  disabled?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvD,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,YAAY,EACZ,WAAW,EACZ,MAAM,sBAAsB,CAAC;AAK9B,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAC1D,MAAM,MAAM,UAAU,GAClB,WAAW,GACX,UAAU,GACV,WAAW,GACX,YAAY,GACZ,YAAY,GACZ,YAAY,CAAC;AAEjB,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;AAqE1D,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4DAA4D;IAC5D,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAgDD,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAqDhC,CAAC"}
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvD,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,YAAY,EACZ,WAAW,EACZ,MAAM,sBAAsB,CAAC;AAK9B,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAC1D,MAAM,MAAM,UAAU,GAClB,WAAW,GACX,UAAU,GACV,WAAW,GACX,YAAY,GACZ,YAAY,GACZ,YAAY,CAAC;AAEjB,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;AAqE1D,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4DAA4D;IAC5D,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAsDD,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAuDhC,CAAC"}
@@ -7,5 +7,9 @@ export declare const Default: Story;
7
7
  export declare const Colors: Story;
8
8
  export declare const Sizes: Story;
9
9
  export declare const Variants: Story;
10
- export declare const WithElements: Story;
10
+ export declare const AllVariants: Story;
11
+ export declare const WithIcons: Story;
12
+ export declare const WithWidth: Story;
13
+ export declare const WithDelete: Story;
14
+ export declare const Disabled: Story;
11
15
  //# sourceMappingURL=Badge.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Badge/Badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA4B5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAGpC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAGF,eAAO,MAAM,MAAM,EAAE,KAWpB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KAmB1B,CAAC"}
1
+ {"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Badge/Badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA4B5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAWpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAYF,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAsCvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAC"}